/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
pre, blockquote {
  font-family: Consolas;
  background-color: #F5F5F5;
  color: #333333;
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  /*
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  */
  overflow: auto;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

h1 { font-size: 22px }
h2 { font-size: 19px }
h3 { font-size: 16px }
h4 { font-size: 15px }
h5 { font-size: 13px }
h6 { font-size: 12px }

h1, h2, h3, h4, h5, h6 { margin: 0 0 5px; }

p { margin: 10px 0 }

html { background-color: #775B46 }

body { background-color: #FAF8EB }

.header { padding: 10px 0; margin-bottom: 20px; background: transparent url(bg-header.png) repeat-x left bottom }

.main { margin-bottom: 20px; min-height: 400px }

.footer { background: #FAF8EB url(bg-footer.png) repeat-x left top; min-height: 40px }

/* search */
.search {
margin: 20px 0 10px 0;
overflow: hidden;
}

.search form {
background-color: white;
float: right;
position: relative;
}

#search_input {
background-color: #FDFDFD;
border: none;
color: #785C47;
width: 235px;
padding: 5px;
vertical-align: top;
height: 14px;
}

.search button {
width: 13px;
height: 14px;
margin: 5px;
text-indent: -999em;
border: none;
cursor: pointer;
background: url('btn-search.png') no-repeat;
}

/* menu */
.menu-container { overflow: hidden;  }
.menu { float:right; margin-bottom: 10px; overflow: hidden; list-style-type: none; padding: 0 }
.menu li { float: left; margin-left: 30px }
.menu li:hover a { border-bottom: 2px solid #DF4820; text-decoration: none; }
.menu a {
font-family: 'Century Gothic';
font-size: 14px;
text-transform: uppercase;
color: #785C47;
}


/* #Page Styles
================================================== */
/* layer */
.block { border: 1px solid #E7E4D1; }
.block .block-title {
background: url("block-layered-title.png") repeat-x scroll right bottom transparent;
color: #FAF8EB;
font-family: 'Century Gothic';
font-size: 13px;
line-height: 20px;
padding: 5px 5px 10px 20px;
text-transform: uppercase;
}
.block .block-content { padding: 14px 20px 0 20px }

.filters { margin: 0; }
.filters dt { color: #62ACA3; text-transform: uppercase; font-weight: normal; margin-bottom: 5px; }
.filters dd { margin: 0 0 15px 0; font-size: 11px }

.btn-remove { 
background: url("btn-remove.png") no-repeat scroll 0 4px transparent;
display: block;
height: 12px;
width: 9px;
text-indent: -999em;
float: right;
}
.filters .btn-remove { margin-top: 2px }
.filters input { margin-top: -2px }

.filters ul { list-style-type: none; font-family: Verdana; padding: 0; margin: 0 }
/*.filters li ul { margin-left: 20px; }*/

/* tree filter */
.tree { color: #867878 }
.tree a { color: black }
.tree ul li { padding: 1px 0 1px 16px; }
.tree li.selected>.label { color: #DA441D; }
.tree .icon { 
	float: left;
	height: 11px;
	width: 11px;
	cursor: pointer;
	text-indent: -9999px;
	margin: 4px 4px 0 -15px;
}

.tree .expanded .icon { background-image: url(expanded.png); }
.tree .collapsed .icon { background-image: url(collapsed.png); }

.filters .values { position: relative }
#slider-range { margin-top: 8px }
#from, #to { color: #DA441D }
#to { position: absolute; right: 0 }

.page .content { border: 1px solid #E7E4D1 }
.page .content .top { border-bottom: 1px solid #E7E4D1; }
.empty-msg { padding: 8px 20px; font-style: italic }
.block .empty-msg { padding: 0; margin: 0 0 14px 0 }

/* toolbar */
.toolbar .control { padding: 8px 0 8px 20px;  overflow: hidden }
.toolbar .total { width: 20%; float:left; line-height: 25px }
.toolbar .limiter { width: 40%; float:left }
.toolbar .sort-by { width: 40%; float:left; }
.toolbar select { border: 1px solid #CCCCCC; padding: 2px; height: 25px; line-height:25px; vertical-align: middle; width: 150px; font-family:Consolas; }

.top .toolbar .pagination  { display:none }
.bottom .toolbar .control  { display:none }

.pagination { padding: 8px 0 8px 20px; border-top: 1px solid #E7E4D1; }
.pagination ul { overflow: hidden; list-style-type: none; margin: 0; padding: 0 }
.pagination li { float: left; margin-right: 8px }
.pagination li.active { color:# DA441D }
.pagination .first, .pagination .next, .pagination .prev, .pagination .last { text-indent: -9999px; margin-top: -1px }

/* post list */
ul.post-list { list-style-type: none; margin: 0; padding: 8px 20px; }
.post-list li.item  { margin-bottom: 50px }
.post-list li.last { margin-bottom: 0 }
.post-heading { overflow: hidden; border-bottom: 1px solid #DDDDDD; padding: 6px 0 10px 0; font-family: Palatino Linotype; font-style: italic; margin-bottom: 10px }

.post-date { text-align: center; float: left; margin: 5px 10px 0 0; font-size: 16px }
.post-date strong { display: block; font-size: 22px }

.post-title { padding-left: 98px; font-family: Palatino Linotype; font-size: 30px; color: #DA441D; line-height: 30px }
.post-title a { color: #DA441D; }

.post-content { font-family: Verdana; font-size: 13px; margin-bottom: 25px }

.post-desc { font-family: Time New Roman; font-style: italic; font-size: 18px; line-height:25px; }

.post-additional { overflow: hidden; }

/* rating */
.rating-box { background:url(rating.png) 0 0 repeat-x; width: 55px; float: left; margin: 4px 10px 0 0 }
.rating { height:10px; background: url("rating.png")  0 100% repeat-x; }

/* post view */
.post-view { padding: 8px 20px; }
#selRating, #selStatus { float: left; margin-right: 20px }
#selStatus { border: 1px solid #CCCCCC; padding: 2px; height: 25px; line-height:25px; vertical-align: middle; width: 100px; font-family:Consolas; }

/* star rating */
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 120px;
	height: 24px;
	position: relative;
	overflow:hidden;
	background: url(alt_star.png) left center repeat-x;		
}

.star-rating li{
	padding:0px;
	margin:0px;
	width:24px;
	height:24px;
	float: left;
}

.star-rating li a{
	display:block;
	width:24px;
	height: 24px;
	line-height:24px;		
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow:hidden;
}

.star-rating li a:hover{
	background: url(alt_star.png) left bottom;
	z-index: 2;
	left: 0px;
	border:none;
}

.star-rating a.one-star{
	left: 0px;
}

.star-rating a.one-star:hover{
	width:24px;
}

.star-rating a.two-stars{
	left:24px;
}

.star-rating a.two-stars:hover{
	width: 48px;
}

.star-rating a.three-stars{
	left: 48px;
}

.star-rating a.three-stars:hover{
	width: 72px;
}

.star-rating a.four-stars{
	left: 72px;
}	

.star-rating a.four-stars:hover{
	width: 96px;
}

.star-rating a.five-stars{
	left: 96px;
}

.star-rating a.five-stars:hover{
	width: 120px;
}

.star-rating li.current-rating{
	background: url(alt_star.png) left top;
	position: absolute;
	height: 24px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

.star-rating a {
	outline: none;
}

.mini-post-list {
color: #8C8B8B;
font-family: Verdana;
font-size: 11px;
list-style: square outside none;
margin-top: 0;
padding-left: 10px;
text-transform: lowercase;
}

.mini-post-list li {
margin-bottom: 10px;
}

/* post tag */
.post-tags { }

.post-tags h3 { font-family: 'Century Gothic'; font-size: 14px; font-weight: normal; text-transform: uppercase; }

.cur-tags { overflow: hidden; list-style: none; margin: 0 0 10px 0; padding: 0 }

.cur-tags li { float: left; font-size: 11px; margin-right: 15px }

.cur-tags li a { color: #62ACA3 }

#txtTag { width: 258px; font-size: 12px; border: 1px solid #E7E4D1; color: #35281F; vertical-align: middle; padding: 5px 10px; margin-right: 10px }

#btnAllTag { color: #62ACA3; font-size: 12px; }

/* tag dialog */
#overlay {
opacity:.8;
background-color: #000000;
position: fixed;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 999;
}

#tag-form {
background-color: white;
position: fixed;
top: 50%;
left: 50%;
width: 80%;
max-width: 500px;
z-index: 1000;

border-radius: 4px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

#tag-form .close {
background: none;
border: none;
cursor: pointer;
float: right;
margin: 2px;
font-size: 18px;
}

.modal-header { border-bottom: 1px solid #EEEEEE; padding: 9px 15px; }
.modal-header h3 { line-height: 20px; margin: 0 }
.modal-body { padding: 13px }

.all-tags { overflow: hidden; list-style: none; padding: 0; margin: 0 }
.all-tags li { float: left; margin-right: 20px;  width: 200px}

/* button */
.button {
background: none;
border: none;
cursor: pointer;
overflow: visible;
margin: 0;
padding: 0;
width: auto;
}

.button span {
background: url("bg-btn.png") no-repeat scroll 0 0 transparent;

color: #FFFFFF;
display: block;
font: 11px/30px 'Century Gothic';
height: 31px;
padding: 0 0 0 9px;
text-align: center;
white-space: nowrap;
}

.button span span {
padding: 0 10px 0 2px;
background-position: 100% 100%;
}

/* back to top button */
#back-top {
background-color: #62ACA3;
border-radius: 100% 100% 100% 100%;
position: fixed;
bottom: 15px !important;
right: 15px !important;
}

#back-top a {
background: url("btn-top.png") no-repeat scroll 0 0 transparent;
display: block;
height: 60px;
text-indent: -9999px;
transition: all 300ms ease 0s;
width: 60px;
outline: none;
}

#back-top a:hover { background-position: 0 bottom; }

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.menu { float:left; }
		.search form { float: left; margin-left: 20px }
		.logo { margin-left: 20px }
		.page { margin: 0 -20px }
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.menu { float:left; }
		.search form { float: left; margin-left: 20px }
		.logo { margin-left: 20px }
		.page { margin: 0 -20px }
	}


/* #Font-Face
================================================== */
@font-face {
    font-family: 'Century Gothic';
    src: url('century_gothic.eot');
    src: url('century_gothic.eot') format('embedded-opentype'),
         url('century_gothic.woff') format('woff'),
         url('century_gothic.ttf') format('truetype'),
         url('century_gothic.svg#CenturyGothicRegular') format('svg');
}
